<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>订单页面</title>
    <link rel="shoutcut icon" href="favicon.ico">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/order.css">
</head>
<body>
<!--  顶栏 top Start -->
<div class="ugo_pay_top">
    <div class="w">
        <div class="left fl">
            <a href="#">您好!AngusChan</a>
            <span class="line"></span>
            <a href="#">退出</a>
        </div>
        <div class="right fr">
            <ul class="about_my">
                <li><a href="#">我的订单</a></li>
                <li><a href="#">我的优购</a></li>
                <li><a href="#">帮助中心</a></li>
                <li><a href="#">消息</a></li>
                <li><a href="#" class="phone">手机版</a></li>
            </ul>
        </div>
    </div>
</div>
<!--  顶栏 top End -->

<!--  logo logo Start -->
<div class="ugo_pay_logo w">
    <div class="left fl">
        <img src="images/homelogo.png" alt="logo">
    </div>
    <div class="right fr">
        <div class="line"></div>
        <div class="first_step step">
            <span>我的购物车</span>
        </div>
        <div class="second_step step active">
            <span>提交订单</span>
        </div>
        <div class="third_step step ">
            <span>选择支付方式</span>
        </div>
    </div>
</div>
<!--  logo logo End -->
<!--地址开始-->
<section id='ugo_adress' class='w'>
    <h3>选择收货地址</h3>
    <ul>

        <li class='active'>
            <span>默认地址</span>
            <h3>上海 (Angus收)</h3>
            <p>浦东新区船头镇航都路18号(传智博客)</p>
            <p>+86 18801925678</p>
            <p class='adress'>编辑地址</p>
            <i class='true'></i>
        </li>
        <li>
            <h3>上海 (Angus收)</h3>
            <p>浦东新区船头镇航都路18号(传智博客)</p>
            <p>+86 18801925678</p>
        </li>
        <li>
            <h3>上海 (Angus收)</h3>
            <p>浦东新区船头镇航都路18号(传智博客)</p>
            <p>+86 18801925678</p>
        </li>
        <li>
            <h3>上海 (Angus收)</h3>
            <p>浦东新区船头镇航都路18号(传智博客)</p>
            <p>+86 18801925678</p>
        </li>
    </ul>
    <span> + 使用新地址</span>
</section>
<!--地址结束-->
<!--产品信息开始-->
<section id='order' class='w'>
    <h3>确认商品信息</h3>
   <div> <p>美国仓库直邮</p>
    <div class='product'>
        <div class='list'>
            <ul>
                <li>商品</li>
                <li>数量</li>
                <li>重量</li>
                <li>单价(元)</li>
                <li>金额(元)</li>
            </ul>
        </div>
        <div class='play'>
            <ul>
                <li>
                    <a href="#">
                        <img src="images/order_bag.jpg" alt="">
                    </a>
                </li>
                <li>
                    <p class='you'>【包邮 包税】美国直邮 Lousi vuitton/女士</p>
                    <p class="guld">颜色规格: 深棕 尺码规格：中号</p>
                </li>
                <li>1</li>
                <li>0.5KG</li>
                <li>1399.0</li>
                <li>13990.0</li>
            </ul>
        </div>
        <div class='msg'>
            <span class='ngo_qu'>普通快递</span>
            <strong>0.00元</strong>
            <span class='ngo_msg'>全场包邮美国直邮物流记录全程跟踪</span>
            <span class='ngo_pay'>运费</span>
            <span class='ngo_may'>￥0.00</span>
        </div>
        <div class='ngo_yo'>
            <strong class='ngo_h'>优惠卷</strong>
            <strong class='ngo_shop'>无</strong>
            <span class='ngo_p'>税费</span>
            <span class='ngo_mm'>￥0.00</span>
        </div>
        <div class='msg'>
            <span class='ngo_qu'>税费</span>
            <strong>0.00元</strong>
            <span class='ngo_msg'>全场包邮</span>
            <span class='ngo_pay'>运费</span>
            <span class='ngo_may'>￥0.00</span>
        </div>
        <div class='ugo_ply'>
            <span class='ugo_he'>合计</span>
            <strong class='ugo_price'>1399.00</strong>
        </div>
    </div></div>
    <p>美国仓库直邮</p>
    <div class='product'>
        <div class='list'>
            <ul>
                <li>商品</li>
                <li>数量</li>
                <li>重量</li>
                <li>单价(元)</li>
                <li>金额(元)</li>
            </ul>
        </div>
        <div class='play'>
            <ul>
                <li>
                    <a href="#">
                        <img src="images/order_bag.jpg" alt="">
                    </a>
                </li>
                <li>
                    <p class='you'>【包邮 包税】美国直邮 Lousi vuitton/女士</p>
                    <p class="guld">颜色规格: 深棕 尺码规格：中号</p>
                </li>
                <li>1</li>
                <li>0.5KG</li>
                <li>1399.0</li>
                <li>13990.0</li>
            </ul>
        </div>
        <div class='msg'>
            <span class='ngo_qu'>普通快递</span>
            <strong>0.00元</strong>
            <span class='ngo_msg'>全场包邮美国直邮物流记录全程跟踪</span>
            <span class='ngo_pay'>运费</span>
            <span class='ngo_may'>￥0.00</span>
        </div>
        <div class='ngo_yo'>
            <strong class='ngo_h'>优惠卷</strong>
            <strong class='ngo_shop'>无</strong>
            <span class='ngo_p'>税费</span>
            <span class='ngo_mm'>￥0.00</span>
        </div>
        <div class='msg'>
            <span class='ngo_qu'>税费</span>
            <strong>0.00元</strong>
            <span class='ngo_msg'>全场包邮</span>
            <span class='ngo_pay'>运费</span>
            <span class='ngo_may'>￥0.00</span>
        </div>
        <div class='ugo_ply'>
            <span class='ugo_he'>合计</span>
            <strong class='ugo_price'>1399.00</strong>
        </div>
    </div>
    <p>美国仓库直邮</p>
    <div class='product'>
        <div class='list'>
            <ul>
                <li>商品</li>
                <li>数量</li>
                <li>重量</li>
                <li>单价(元)</li>
                <li>金额(元)</li>
            </ul>
        </div>
        <div class='play'>
            <ul>
                <li>
                    <a href="#">
                        <img src="images/order_bag.jpg" alt="">
                    </a>
                </li>
                <li>
                    <p class='you'>【包邮 包税】美国直邮 Lousi vuitton/女士</p>
                    <p class="guld">颜色规格: 深棕 尺码规格：中号</p>
                </li>
                <li>1</li>
                <li>0.5KG</li>
                <li>1399.0</li>
                <li>13990.0</li>
            </ul>
        </div>
        <div class='msg'>
            <span class='ngo_qu'>普通快递</span>
            <strong>0.00元</strong>
            <span class='ngo_msg'>全场包邮美国直邮物流记录全程跟踪</span>
            <span class='ngo_pay'>运费</span>
            <span class='ngo_may'>￥0.00</span>
        </div>
        <div class='ngo_yo'>
            <strong class='ngo_h'>优惠卷</strong>
            <strong class='ngo_shop'>无</strong>
            <span class='ngo_p'>税费</span>
            <span class='ngo_mm'>￥0.00</span>
        </div>
        <div class='msg'>
            <span class='ngo_qu'>税费</span>
            <strong>0.00元</strong>
            <span class='ngo_msg'>全场包税</span>
            <span class='ngo_pay'>运费</span>
            <span class='ngo_may'>￥0.00</span>
        </div>
        <div class='ugo_ply'>
            <span class='ugo_he'>合计</span>
            <strong class='ugo_price'>1399.00</strong>
        </div>
    </div>
    <div class='ugo_submit'>
            <span>总金额 :</span>
            <strong><e class='ugo_li'>￥</e>5596.00</strong>
            <div class='ugo_login'><a href="pay.html">提交订单</a></div>
    </div>
</section>
<!--产品信息结束-->

<!--footer 公共部分开始-->
<!--大banner-->
<div class="footerbanner w">
    <img src="images/footbanner.png" alt="">
</div>
<!--footer开始-->
<div class="ugo_footer">
    <div class="w ">
        <div class="footerwap clearfix">
            <dl>
                <dt>购物指南</dt>
                <dd><a href="#">注册与登录</a></dd>
                <dd><a href="#">账户信息维护</a></dd>
                <dd><a href="#">购物流程</a></dd>
                <dd><a href="#">会员体系</a></dd>
                <dd><a href="#">常见问题</a></dd>
            </dl>
            <dl>
                <dt>订单服务</dt>
                <dd><a href="#">订单状态说明</a></dd>
                <dd><a href="#">自动取消订单</a></dd>
                <dd><a href="#">上传身份证</a></dd>
            </dl>
            <dl>
                <dt>支付与配送</dt>
                <dd><a href="#">支付方式</a></dd>
                <dd><a href="#">优惠券和红包</a></dd>
                <dd><a href="#">如何提现</a></dd>
                <dd><a href="#">配送方式</a></dd>
            </dl>
            <dl>
                <dt>售后服务</dt>
                <dd><a href="#">消费维权</a></dd>
                <dd><a href="#">纠纷处理</a></dd>
                <dd><a href="#">退货规则</a></dd>
            </dl>
            <div class="footer_title">
                <a href="#" class="footer_logo">优购</a>
                <p>关注我们</p>
                <a href="#" class="footer_wx" title="微信">微信</a>
                <a href="#" class="footer_wb" title="微博">微博</a>
            </div>
        </div>
        <div class="footerlink">
            <a href="#">关于我们</a>|<a href="#">联系我们</a>| <a href="#">商家入驻</a>|<a href="#">商家入驻</a>| <a href="#">商家入驻</a>| <a href="#">商家入驻</a>|<a href="#">商家入驻</a>
        </div>
    </div>
</div>
<!--footer结束-->
<!--footer 公共部分结束-->
</body>
</html>